<template>
    <div class="bigBox">
        
        <div class="headerBox">
            <h5>简历反馈</h5>
        </div>
        <div class="big2Box">
            <div class="content-box">
                <div>求职人</div>
                <input type="text" readonly v-model="name" class="grayB">
            </div>
            <div class="content-box">
                <div>联系电话</div>
                <input type="text" v-model="phone" readonly class="grayB">
            </div>

            <div class="select">
                <span style="margin-right:40px">是否录用</span>
                <el-radio v-model="radio" label="已通过">已通过</el-radio>
                <el-radio v-model="radio" label="未通过">未通过</el-radio>
            </div>
            <div class="content-box content-box-last">
                <div>相关说明</div>
                <textarea v-model="remark" cols="30" rows="10" placeholder="比如：拒绝录用原因/何时来公司办理入职手续，乘车路线，人事联系电话等"></textarea>
            </div>
        </div>
        <div class="myBtn">
            <el-button type="primary" size="medium" @click="submitUse">提交</el-button>
        </div>
        
        
        

    </div>
</template>

<script>
export default {
    name: "UnreadInfoReply",
    data() {
        return {
        labelPosition: 'right',
        // formLabelAlign: {
        //   name:'',
        //   region: '',
        //   type: '',
        //   explain:'',

        // },
        remark:'',
        radio: '录用'
      };
    },
    props:['id','phone','name'],
    mounted() {
      this.getInfo()
    },
    methods: {
      getInfo(){
        //console.log(this.id);
        //console.log(this.phone);

      },
      submitUse(){
        this.$axios({
          method:"GET",
          url:`http://132.232.110.185/personnelManagement/talents/isLookTalents/${this.id}/${this.remark}/${this.radio}`
        })
        .then(
          (res)=>{
            console.log(res);
          },
          (err)=>{
            console.log(err)
          }
        )
        alert("简历反馈成功")
      }
    },
}
</script>

<style scoped>
.bigBox{
  width: 98%;
  margin-left: 1%;
  background-color: white;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height:650px;
}
    /* 标题 */
  .headerBox{
  width: 100%;
  height: 40px;
  padding: 10px;
  display: flex;
  align-items: center;
  font-size: 18px;
  border-bottom:1px solid #cfd1d2;
}
/* 标题以下的内容 */
.big2Box{
  padding-left:15px;
  padding-right:15px;
  padding-top:15px;
    padding-bottom: 20px;
    border-bottom: 1px dashed lightgray;
    border-top: 1px solid lightgray;
}
/* 选择录用拒绝 */
.select{
    /* border: 1px solid gray; */
    width:90%;
    color: gray;
    font-size: 14px;
    font-weight: 600;
    margin-left:112px;
    margin-top: 10px;
}
.content-box{
    width: 100%;
    height: 40px;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  .content-box div{
    text-align: end;
    width: 150px;
    height: 40px;
    line-height: 40px;
    color: gray;
    font-size: 14px;
    font-weight: 600;
  }
  input{
    color: gray;
    padding-left: 10px;
    width: 900px;
    height: 35px;
    border-style: 1px solid rgb(165, 162, 162);
    outline-color: rgba(131, 197, 245, 0.527);
  }
  .content-box-last{
    height: 150px;
    margin-left:1px;
    /* border:1px solid black; */
  }
  /* input::-webkit-input-placeholder {
    color: #aab2bd;
    font-size: 14px;
  } */
  textarea{
    color: gray;
    padding-left: 12px;
    padding-top: 10px;
    width: 900px;
    height: 150px;
    outline-color: rgba(131, 197, 245, 0.527);
    /* border: 1px solid red; */
  }
  textarea::-webkit-input-placeholder {
    /* placeholder颜色 */
    color: #aab2bd;
  }
  /* 提交按钮 */
  .myBtn{
    /* border:1px solid red; */
    width:10%;
    margin-left:218px;
    margin-top:20px;
  }
  .grayB{
    background-color: rgb(227, 225, 225);
    border:none;
  }
</style>